<script>
export default {
  data(){
    return{
      msg:"active",
      click:false,
      object:{
        msg:"active",
        click:false
      }
    }
  },
  methods:{
    fun(){
      this.click=true
      window.alert("hello")
    }
  }
}
</script>

<template>
<div :class="msg"></div>
<div v-bind:class="msg"></div>
  <button :disabled="click" class="green" @click="fun()">Button</button>
</template>

